@import "../_function";
@import "../_variables";
@import "../mixin";

.special-detail {
	height: 100%;
	display: flex;
	flex-direction: column;
	&-main {
		flex: 1;
		overflow: auto;
		padding: 0 pr(36);
		&-author {
			text-align: center;
			&-image {
				width: pr(225);
				height: pr(225);
				margin: 0 auto;
				border-radius: 50%;
				overflow: hidden;
				@include default-avatar;
			}
			&-name {
				font-size: pr(38);
				color: #666666;
			}
		}
		&-title {
			margin-top: pr(85);
			font-size: pr(64);
			text-align: center;
			&:after {
				content: '';
				display: block;
				width: pr(200);
				height: pr(5);
				background: #bb9161;
				margin: pr(45) auto pr(90);
			}
		}
		&-image {
			margin-bottom: pr(20);
			img {
				width: 100%;
			}
		}
		&-content {
			line-height: pr(100);
			font-size: pr(45);
			img {
				width: 100%;
			}
		}
	}
}
